<template lang="html">
  <div class="mine-content">
  	<ul class="mine-ul-first">
  		<router-link tag="li" to="/">
  			个人主页<span></span>
  		</router-link>
  		<router-link tag="li" to="/">
  			基本信息<span></span>
  		</router-link>
  	</ul>
  	<ul class="mine-ul-second">
  		<router-link tag="li" to="/">
  			我的关注<span></span>
  		</router-link>
  		<router-link tag="li" to="/">
  			我的收藏<span></span>
  		</router-link>
  		<router-link tag="li" to="/">
  			我赞过的<span></span>
  		</router-link>
  	</ul>
  	<ul class="mine-ul-third">
  		<router-link tag="li" to="/">
  			设置<span></span>
  		</router-link>
  	</ul>
  </div>
</template>

<script>
	
	export default {
	  name:"MineContent",
	  data(){
	    return{
	    }
	  }
	}

</script>

<style lang="css" scoped>

.mine-content ul {
	margin: 0.2rem 0 0 0;
	background-color: #fff;
}
.mine-content li {
	line-height: 0.8rem;
	border-bottom: 1px solid #e6e6e6;
	font-size: 0.28rem;
	padding: 0 0.2rem 0 0.8rem;
	overflow: hidden;
}
.mine-content li span {
	float: right;
	width: 0.18rem;
	height: 0.8rem;
	background: url(../../assets/icon/get_into.png) no-repeat right center;
	background-size: 0.18rem;
}
ul.mine-ul-first li:nth-child(1) {
	background: url(../../assets/icon/home.png) no-repeat;
	background-size: 0.4rem;
	background-position: 0.2rem 0.2rem;
}
ul.mine-ul-first li:nth-child(2) {
	background: url(../../assets/icon/Essentialinformation.png) no-repeat;
	background-size: 0.4rem;
	background-position: 0.2rem 0.2rem;
}
ul.mine-ul-second li:nth-child(1) {
	background: url(../../assets/icon/follow.png) no-repeat;
	background-size: 0.4rem;
	background-position: 0.2rem 0.2rem;
}
ul.mine-ul-second li:nth-child(2) {
	background: url(../../assets/icon/Collection.png) no-repeat;
	background-size: 0.4rem;
	background-position: 0.2rem 0.2rem;
}
ul.mine-ul-second li:nth-child(3) {
	background: url(../../assets/icon/Fabulous.png) no-repeat;
	background-size: 0.4rem;
	background-position: 0.2rem 0.2rem;
}
ul.mine-ul-third li:nth-child(1) {
	background: url(../../assets/icon/set.png) no-repeat;
	background-size: 0.4rem;
	background-position: 0.2rem 0.2rem;
}

</style>
